<template>
	<!-- 这是一个通用的头部导航框包括搜索栏和一级的路径跳转 -->
	<div class="header">
		<header class="header mgbt30">
			<div class="top borderbt cl">
				<div class="container">
					<div class="fl col9">
						<router-link to="/login">登录</router-link>|
						<router-link to="/register">注册</router-link>
					</div>
					<div class="fr search pos_pre"><button type="button" name="" class="search-btn"><i class="iconfont">&#xe617;</i></button><input type="text" class="search-txt" name="" placeholder="快速搜索"></div>
				</div>
			</div>
			<input type="hidden" value="11" id="checkfather">
			<div class="container menu cl">
				<div class="logo fl">
					<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Index/index&#39;)%7D"></a>
				</div>
				<div class="navbar fr">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li class="active">
							<a href="worksPage.html">整体作品</a>
						</li>
						<li>
							<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Product/fenchai&#39;)%7D">分拆作品</a>
						</li>
						<li>
							<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Recruit/index&#39;)%7D">人才招聘</a>
						</li>
						<li>
							<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Requirement/index&#39;)%7D">订单中心</a>
						</li>
					</ul>
				</div>
				<div class="fr nav" id="nav"><span class="line1"></span><span class="line2"></span><span class="line3"></span></div>
				<div class="phone-menu text-c ft15">
					<div class="title text-c bg-f9">开发者联盟</div>
					<p>
						<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Index/index&#39;)%7D"><i class="ion-ios-home ft18"></i>网站首页</a>
					</p>
					<p>
						<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Product/zhengti&#39;)%7D"><i class="ion-ios-list-outline ft18"></i>整体作品</a>
					</p>
					<p>
						<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Product/fenchai&#39;)%7D"><i class="ion-ios-paper ft18"></i>分拆作品</a>
					</p>
					<p>
						<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Recruit/index&#39;)%7D"><i class="ion-ios-personadd ft18"></i>人才招聘</a>
					</p>
					<p>
						<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/%7B:url(&#39;Requirement/index&#39;)%7D"><i class="ion-ios-compose-outline ft18"></i>订单中心</a>
					</p>
				</div>
			</div>
		</header>
	</div>
</template>

<script>
	export default {
		name: 'HomeHeader',
	}
</script>

<style>
	.logo {
    width: 190px;
    height: 36px;
    background-image: url(../../../assets/images/logo.png);
    background-repeat: no-repeat;
}
</style>
